<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>学习中心</title>
<link rel="stylesheet" href="/css/style.css">
<script src="/js/laydate.js"></script>
<style type="text/css">
    .chunset p{
    margin: 10px;
    font-size: 24px;
    text-align: center;
    }
    .sujrlet{
    width: 94%;
    margin: 40px auto;
    overflow: hidden;
    font-size: 16px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    }
    .sujrlet p span{
        margin-right: 10px;     
    }
    .sujrlet ul li{
    margin-left: 14px;
    height: 45px; 
    line-height: 45px;
    padding: 0px 3%;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    overflow: hidden;
    font-size: 16px;
    background: url(images/cterae.jpg) no-repeat left center;
    padding-left: 20px;
    }
    .sujrlet ul li p{
        float: left;
    width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
     font-size: 16px;
    }
    .sujrlet ul li span{
        width: 30%;
        float: right;
    text-align: center;
    color: rgba(0,0,0,.4);;
    }
.sujrlet ul li:nth-last-child(1){
	margin-bottom: 60px;

}
</style>
</head>
<body style="background: ;">
    
    <div class="sujrlet">
        <ul>
            <?php $i = 1;?>
            @foreach($lists as $k => $v)
            <li><a href="/learn/news/{{$v->id}}"><p>{{$i}}. {{$v->title}}</p></a></li>
            <?php $i++; ?>
            @endforeach
        </ul>
        
    </div>
<a class="qrtj dibuann" href="/">回到首页 </a>
</body>
</html>